<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head >
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="../../../static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/toastr/toastr.min.css"/>
    <!-- http://www.bootdo.com/css/plugins/bootstrap-table/bootstrap-table.min.css -->
    <link rel="stylesheet" href="../../../static/css/plugins/jsTree/style.min.css" />
    <link rel="stylesheet" href="../../../static/css/animate.css" />
    <link rel="stylesheet" href="../../../static/css/font-awesome.css" />
    <link rel="stylesheet" href="../../../static/css/style.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/iCheck/custom.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/cropper/cropper.css" />
    <link rel="stylesheet" href="../../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
    <link rel="stylesheet" href="../../../static/css/gg-bootdo.css" />
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content" id="user">
    <div class="treeleft row">
        <div class="treeleft col-sm-3">
            <div class="ibox ibox-body">
                <div class="ibox-title">
                    <h5>选择项目分类</h5>
                </div>
                <div class="ibox-content">
                    <div id="jstree">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-8" id="content">
            <div class="ibox">
                <div class="ibox-body">
                    <div class="fixed-table-toolbar">
                        <div class="col pull-left row">
                            <form class="form-inline">
                                <div class="form-group col-sm-4">
                                    <lable class="mar control-label">合同编号:</lable>
                                    <input id="contractCode" type="text" class="form-control input">
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">合同名称:</lable>
                                    <input id="contractName" type="text" class="form-control input">
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">开始时间:</lable>
                                    <div class="input-group date form_datetime form-inline col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                                        <input  name="startTime" id="startTime" style="width:130px;" class="form-control" size="16" type="text" value="" readonly>
                                        <!--<span class="input-group-addon"><span class="glyphicon glyphicon-th" onclick="laydate({elem: '#startTime'});"></span></span>-->
                                    </div>
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">项目编号:</lable>
                                    <input id="projectCode" type="text" class="wos form-control input">
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">项目名称:</lable>
                                    <input id="name" type="text" class="wos form-control input">
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">结束时间:</lable>
                                    <div class="col-sm-4 input-group date form_datetime form-inline col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                                        <input style="width:130px;"  name="endTime" id="endTime" style="width:130px;" class="time form-control" size="16" type="text" value="" readonly>
                                </div>
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <input id="customerId" name="customerId" class="hidden">
                                    <lable class="control-label">客户名称:</lable>
                                    <input id="customerName" name="customerName" class="form-control" type="text"
                                           style="width:130px; cursor: pointer;" onclick="openCustomerPopWin('customerId','customerName',false)"
                                           readonly="readonly"  placeholder="" required>
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">项目经理:</lable>
                                    <input id="pm" name="pm" class="hidden"/>
                                    <input  id="pmName" name="pmName" class="form-control" type="text"
                                           style="width:130px; cursor: pointer;" onclick="openUserPopWin('pm','pmName',false)"
                                           readonly="readonly" placeholder="" required>
                                </div>
                                <div class="mar form-group col-sm-4">
                                    <lable class="control-label">现在状态:</lable>
                                        <select name="status" id="status" class="form-control">
                                            <option value="">--请选择--</option>
                                        </select>
                                    <input id="categoryid" class="hidden">
                                </div>
                            </form>
                        </div>
                        <div style="margin-right:16%;margin-top:5px" class="columns pull-right">
                            <button class="btn btn-success" onclick="reLoad()">查询</button>
                            <!--使用三目运算符判断permissions中是否还有该权限字段,还有则v-show的值为true(显示),反之则隐藏-->
                            <button type="button"
                                    class="btn  btn-primary" onclick="add()">
                                <i class="fa fa-plus" aria-hidden="true"></i>添加
                            </button>
                        </div>
                    </div>
                    <table id="exampleTable" data-mobile-responsive="true">
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
    <div>
        <script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
    </div>
    <div shiro:hasPermission="sys:user:edit">
        <script type="text/javascript">
				s_edit_h = '';
			</script>
    </div>
    <div shiro:hasPermission="sys:user:remove">
        <script type="text/javascript">
				var s_remove_h = '';
			</script>
    </div>
    <div shiro:hasPermission="sys:user:resetPwd">
        <script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
    </div>
</div>
<script src="../../../static/js/public.js"></script>
<script src="../../../static/js/jquery.min.js?v=2.1.4"></script>
<script src="../../../static/js/vue.min.js"></script>
<script src="../../../static/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="../../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../../static/js/plugins/validate/jquery.validate.min.js"></script>
<script src="../../../static/js/plugins/validate/messages_zh.min.js"></script>
<script src="../../../static/js/plugins/jsTree/jstree.min.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
<script src="../../../static/js/plugins/chosen/chosen.jquery.js"></script>
<script src="../../../static/js/plugins/layer/layer.js"></script>

<!--summernote-->
<script src="../../../static/js/plugins/summernote/summernote.js"></script>
<script src="../../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
<script src="../../../static/js/ajax-util.js"></script>
<script type="text/javascript" src="../../../static/js/appjs/common/util/popwin.js"></script>
<script src="../../../static/js/appjs/smm/project/projectList.js"></script>
<script src="../../../static/js/plugins/layer/laydate/laydate.js"></script>

</body>
</html>
